@import "@automattic/typography/styles/variables";
@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.edit-contact-info-page {
	.contact-details-form-fields {
		padding: 0 16px 24px;
		@include breakpoint-deprecated( ">660px" ) {
			padding: 0 0 24px;
		}
		@include break-xlarge {
			padding: 0;
		}
	}

	&__sidebar {
		padding: 24px;
		background-color: var(--studio-gray-0);
		font-size: 14px;
		line-height: 20px;
		&-content {
			p {
				margin: 0 0 1em;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		&-title {
			p {
				margin-bottom: 0.5em;
			}
		}
		ul {
			margin: 0 0 0 1em;
		}
	}
}
